<body class="">
<div class="x-nav">
      <span class="layui-breadcrumb">
        <a href="">首页</a>
        <a href="">演示</a>
        <a>
          <cite>导航元素</cite></a>
      </span>
	<a class="layui-btn layui-btn-small" style="line-height:1.6em;margin-top:3px;float:right"
	   href="javascript:location.replace(location.href);" title="刷新">
		<i class="layui-icon" style="line-height:30px">ဂ</i></a>
</div>
<div class="x-body">
	<div class="layui-row">
		<form class="layui-form layui-col-md12 x-so">
			<input class="layui-input" value="{:input('start')}" placeholder="开始日" name="start" id="start"
				   autocomplete="off">
			<input class="layui-input" value="{:input('end')}" placeholder="截止日" name="end" id="end" autocomplete="off">
			<input type="text" name="nickname" placeholder="请输入用户名" autocomplete="off" value="{:input('nickname')}"
				   class="layui-input">
			<button class="layui-btn" lay-submit="" lay-filter="sreach"><i class="layui-icon">&#xe615;</i></button>
		</form>
	</div>
	<xblock>
		<button class="layui-btn layui-btn-danger" onclick="delAll()"><i class="layui-icon"></i>批量删除</button>
		<button class="layui-btn" onclick="x_admin_show('添加用户','{:url('admin/User/AddUser')}',600,400)"><i
				class="layui-icon"></i>添加
		</button>
		<span class="x-right" style="line-height:40px">共有数据：{$users->total()} 条</span>
	</xblock>
	<table class="layui-table">
		<thead>
		<tr>
			<th>
				<div class="layui-unselect header layui-form-checkbox" lay-skin="primary"><i
						class="layui-icon">&#xe605;</i></div>
			</th>
			<th>ID</th>
			<th>用户名</th>
			<th>性别</th>
			<th>手机</th>
			<th>邮箱</th>
			<th>地址</th>
			<th>状态</th>
			<th>加入时间</th>
			<th>操作</th>
		</tr>
		</thead>
		<tbody>
		{volist name="users" id="user"}
		<tr>
			<td>
				<div class="layui-unselect layui-form-checkbox" lay-skin="primary" data-id='{$user.user_id}'><i class="layui-icon">&#xe605; </i></div>
			</td>
			<td>{$user.user_id}</td>
			<td>{$user.nickname}</td>
			<td>{$user.sex==0 ?'男' :'女'}</td>
			<td>{$user.phone}</td>
			<td>{$user.email}</td>
			<td>{$user.city}</td>
			<td class="td-status">
				{if condition='$user.static==0'}
				<span class="layui-btn layui-btn-normal layui-btn-mini">已启用</span>
				{else if/}
				<span class="layui-btn layui-btn-normal layui-btn-mini layui-btn-disabled">已禁用</span>
				{/if}
			</td>
			<td class="static">{$user.create_time}</td>
			<td class="td-manage">
				<a class="a"  onclick="member_stop(this,{$user.user_id})" href="javascript:;" title="{$user.static==1 ?'启用':'停用'}">
					<i class="layui-icon">&#xe601;</i>
				</a>
				<a title="编辑"
				   onclick="x_admin_show('编辑','{:url('admin/User/edit',['user_id'=>$user.user_id])}',600,400)"
				   id="{$user.user_id}" href="javascript:;">
					<i class="layui-icon">&#xe642;</i>
				</a>
				<a title="删除" onclick="member_del(this,{$user.user_id})" href="javascript:;">
					<i class="layui-icon">&#xe640;</i>
				</a>
			</td>
		</tr>
		{/volist}
		</tbody>
	</table>
	<div class="page">
		{$users->render()}
	</div>
</div>
<script>
    layui.use('laydate', function(){
        var laydate = layui.laydate;

        //执行一个laydate实例
        laydate.render({
            elem: '#start' //指定元素
        });

        //执行一个laydate实例
        laydate.render({
            elem: '#end' //指定元素
        });
    });
    /*用户-删除*/
    function member_del(obj, id) {
        layer.confirm('确认要删除吗？', function (index) {
            $.post('{:url("admin/user/del")}', {user_id: id}, function (res, textStatus, xhr) {
                if (res.code == 0) {
                    layer.msg(res.msg, function () {
                    });
                } else {
                    layer.alert(res.msg, function () {
                        location.reload();
                    })
                }
            });
        });
    }

    function member_stop(obj, id) {
        title = obj.title;
        layer.confirm('确认要禁用吗？', function (index) {
            $.post('{:url("admin/user/editStatic")}', {user_id: id,title:title}, function (res, textStatus, xhr) {
                if (res.code == 0) {
                    layer.msg(res.msg, function () {
                    });
                } else {
                    layer.alert(res.msg, function () {
                        location.reload();
                    })
                }
            });
        });
    }

    function delAll(argument) {
        var data = tableCheck.getData();
        layer.confirm('确认要删除吗？', function (index) {
            //捉到所有被选中的，发异步进行删除
            $.post("{:url('admin/User/delUser')}", {user_id: data}, function (res, textStatus, xhr) {
                if (res.code == 0) {
                    layer.msg(res.msg, function () {
                    });
                } else {
                    layer.alert(res.msg, function () {
                        location.reload();
                    })
                }
            });
            return false;
        });
    }
</script>
</body>
